<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>H5_新增表单功能</title>
</head>
<body>


<!--
    表单相关的新增功能：
        1.placeholder属性:设置输入框的提示文字，适用于文本输入类的表单控件
        2.required属性:设置输入框是否为必填项 适用于除按钮外的其他表单空间
        3.autofocus属性:设置输入框自动获取焦点
        4.autocomplete属性:设置输入框是否自动完成功能 可以设置为on或者off 适用于文字输入类的表单空间，注意密码和多行输入框不可用
        5.pattern属性:设置输入框的正则表达式


-->
    <form action="">
        账号:<input type="text" name="keyword"  placeholder="这是提示文字" required autofocus autocomplete="off" pattern="/w6"><br>
        密码:<input type="password" name ="pwd"><br><br>
        性别:<input type="radio" name="sex" value="1">男
        <input type="radio" name="sex" value="2">女<br><br>
        爱好:<input type="checkbox" name ="hobby" value="1">爱好1
        <input type="checkbox" name ="hobby" value="2">爱好2
        <input type="checkbox" name ="hobby" value="3">爱好3<br>
        简介:<textarea cols="30" rows="10"></textarea><br>
        <input type="submit" value="提交"></input>
    </form>

</body>
</html>